


 define(()=>{
class anmitionmenue {
    constructor(data) {
        console.log(1)
        this.da = data

        this.init()

    }
    init() {

        this.lmonsover()
        this.lmonsout()
        this.itemmouseover() 
       this. itemmouseout() 

    }

    lmonsover() {
        let that = this
        $(".content1 ul li").mouseover(function () {
            let id = $(this).index()
            $(".content1 ul  li").css("opacity", "0.8")
            let goods = that.da.find(function (item) {
                return item.id == id + 1
            })
            $(".content1 ul  .item")[0].innerHTML = ""
            $(".content1 ul  .item").css("display", "block")
            // console.log(goods.list)
            goods.list.forEach(item => {

                $(".content1 ul  .item")[0].innerHTML += `
    
    <a href="###" class="aaa">
    <img src="${item.list_url}" alt="">
    <p>${item.list_name}</p>
    </a>

    
    `
            });
           
        })





    }
    lmonsout() {
        $(".content1 ul li").mouseout(function () {


            $(".content1 ul  .item").css("display", "none")



        })

    }

    itemmouseover() {

        $(".content1 ul .item").mouseover(function () {
            $(".content1 ul  .item").css("display", "block")

        })
    }

    itemmouseout() {

        $(".content1 ul .item").mouseout(function () {
            $(".content1 ul  .item").css("display", "none")

        })
    }



}
 return new anmitionmenue(dataList)

})